<%@ page language="java" contentType="text/html; charset=UTF-8" import="org.springframework.ui.ModelMap" import="java.util.*,com.device.operating.entity.*"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/color.css">
<script type="text/javascript" src="/xasj/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/xasj/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/xasj/js/map/raphael-min.js"></script>
<script type="text/javascript" src="/xasj/js/map/chinaMapConfig.js"></script>
<script type="text/javascript" src="/xasj/js/map/map.js"></script>
<script type="text/javascript" src="/xasj/js/autoscan/scanmap.js"></script>
<script type="text/javascript">

</script>
<style type="text/css">
.STYLE1 {
	color: #FFFFFF;
	font-weight: bold;
}
/* base */
html{background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td,div{margin:0; padding:0}button,input,select,textarea{font:12px/1.5 tahoma,Helvetica,arial,\5b8b\4f53}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img{border:0}iframe{display:block}ol,ul,li{list-style:none}del{text-decoration:line-through}ins,a{text-decoration:none}a:focus{outline:none}h1,h2,h3,h4,h5,h6{font-size:100%}.clear{clear:both}.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.clearfix{zoom:1}
/* base */

body{font:12px/1.5 "Lucida Grande","Lucida Sans Unicode", Tahoma, SimSun,Helvetica,sans-serif; color:#2E313A;}
a{color:#0e4279; -moz-transition:color 0.3s ease 0s;}
a:hover{color:#5B636A;}


/* 提示自定义 */
.stateTip, #StateTip{display:none; position:absolute; padding:8px; background:#fff; border:2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-family:Tahoma; color:#333;}

.regionList{margin-top:15px;overflow: hidden;}
.regionList ul{margin-right:5px; display:inline;}
.regionList ul li{ height:24px; margin-left:10px; padding:0 0px; border:1px solid #fff; line-height:24px;float:left;width:100px;}
.regionList ul li.select{border:1px solid #D3D3D3; background:#FFF1BF}

.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
.mapInfo i.active{background:#E27F21;}
.mapInfo span{ padding:0 5px 0 3px;}
.mapInfo b{ font-weight:normal; color:#2770B5}
.regionMap{float:left; margin-left:10px; display:inline;}
</style>
<%List<Devres> listdv=(List<Devres>)request.getAttribute("listdv");
%>
</head>
<body class="easyui-lauout" >
<div  data-options="region:'north',iconCls:'icon-save',collapsible:true"  class="easyui-panel"style="height:38px;width:100%">
<table><td width="500px"><div>
 	设备类型：
 	<select id="dvbelong"style="width:210px">
 	<option value="">请选择</option>
 	<%for(Devres dv:listdv){%>
 		<option value="<%=dv.getDvbelong()%>"><%=dv.getDvbelong()%></option>
 	<%}%>			
 	</div></td><td width="501px"><div align="right">
 	<a id="scanfresh" style="width:120px">刷新</a>
 	<a id="startscan" class="easyui-linkbutton c8" style="width:150px" data-options="toggle:true,plain:true,group:'g3'">监控开启</a>
 	&nbsp;<a id="stopscan" class="easyui-linkbutton c8" style="width:150px" data-options="toggle:true,plain:true,group:'g3'"> 监控结束</a></div></td></table>  
</div>
<div  data-options="region:'center',fit:true" class="easyui-panel">
<div style="width:220px" >
<table border="1" >
<tr  height="25">
<td width="121" bgcolor="#2770B5"><span class="STYLE1">故障设备总数：</span></td>
<td width="65"><input id="failureall" style="border:none;text-align:center;color:#FF0000"/></td>
</tr>
<tr height="25">
<td bgcolor="#2770B5"><span class="STYLE1">BRAS：</span></td>
<td><input id="failurebras" style="border:none;text-align:center"/></span></td>
</tr>
<tr height="25">
<td bgcolor="#2770B5"><span class="STYLE1">SR：</td>
<td><input id="failuresr"  style="border:none;text-align:center"/></span></td>
</tr>
<tr height="25">
<td bgcolor="#2770B5"><span class="STYLE1">汇聚交换机：</td>
<td><input id="failureswitch" style="border:none;text-align:center"/></span></td>
</tr>
<tr height="25">
<td bgcolor="#2770B5"><span class="STYLE1">OLT：</td>
<td><input id="failureolt" style="border:none;text-align:center"/></span></td>
</tr>
<tr height="25">
<td bgcolor="#2770B5"><span class="STYLE1">DSLAM：</td>
<td><input id="failuredslam" style="border:none;text-align:center"/></span></td>
</tr>
<tr height="25">
<td bgcolor="#2770B5"><span class="STYLE1">ONU：</td>
<td><input id="failureonu" style="border:none;text-align:center"/></span></td>
</tr>
</table>
</div>
	<div style="width:701px;padding-left: 19%;position:absolute;top:25px">
		<div class="itemCon">
			<div id="Region" style="overflow: hidden;clear:both;">
				<div class="regionMap" style="height:498px" id="RegionMap"></div>
				<div id="MapColor" style=" display:none; float:left; width:30px; height:180px; margin:80px 0 0 10px; display:inline; background:url(images/map_color.png) center 0;"></div>
			</div>

			<div class="regionList" style="height:149px"id="MapControl">
				<ul class="list1"></ul>
			</div> 
	    </div>
	</div>
</div>
	

</body>
</html>